myChartSwUtilization = echarts.init(document.getElementById('sw_utilization_chart'));

optionSwUtilization = {
    title: {
        text: '汇聚交换机流量分布图',
        textStyle:{
            color: '#FFFFFF'
        }
        // subtext: '纯属虚构'
    },
    color:['#E33E3E','#DD826F','#366FB6','#6B809C','#4D8364'],
    // toolbox: {
    //     feature: {
    //         dataView: {readOnly: false},
    //         restore: {},
    //         saveAsImage: {}
    //     }
    // },
    // legend: {
    //     data: ['90%','80%','70%','60%','其他']
    // },
    calculable: true,
    // grid:{
    //   left:0,
    //   top:0
    // },
    series: [
        {
            name:'漏斗图',
            type:'funnel',
            top: 25,
            left:10,
            //x2: 80,
            bottom: 5,
            // height: '60%',
            width: '90%',
            // height: {totalHeight} - y - y2,
            min: 0,
            max: 200,
            minSize: '0%',
            maxSize: '50%',
            containLabel:true,
            sort: 'ascending',
            gap: 2,
            label: {
                normal: {
                    show: true,
                    position: 'right',
                    fontSize:20
                },
            },
            labelLine: {
                normal: {
                    length: 10,
                    lineStyle: {
                        width: 1,
                        type: 'solid'
                    }
                }
            },
            itemStyle: {
                normal: {
                    borderColor: '#070709',
                    borderWidth: 1
                }
            },
            data: [
                {value: 10, name: '90%'},
                {value: 28, name: '80%'},
                {value: 65, name: '70%'},
                {value: 115, name: '60%'} ,
                {value: 768, name: '其他'}
            ]
        },
        {
            name:'漏斗图',
            type:'funnel',
            top: 25,
            left:10,
            //x2: 80,
            bottom: 5,
            // height: '60%',
            width: '90%',
            // height: {totalHeight} - y - y2,
            min: 0,
            max: 200,
            minSize: '0%',
            maxSize: '50%',
            containLabel:true,
            sort: 'ascending',
            gap: 2,
            label: {
                normal: {
                    show: true,
                    position: 'left',
                    fontSize:20
                },
            },
            labelLine: {
                normal: {
                    length: 10,
                    lineStyle: {
                        width: 1,
                        type: 'solid'
                    }
                }
            },
            itemStyle: {
                normal: {
                    borderColor: '#070709',
                    borderWidth: 1
                }
            },
            data: [
                {value: 10, name: '10'},
                {value: 28, name: '28'},
                {value: 65, name: '65'},
                {value: 115, name: '115'} ,
                {value: 768, name: '768'}
            ]
        }
    ]
};


myChartSwUtilization.setOption(optionSwUtilization);